<script language="javascript" type="text/javascript" src="css/niceForm/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/niceForm/niceforms-default.css" />
<link rel="stylesheet" type="text/css" href="css/niceForm/style.css" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>IN ADMIN PANEL | Powered by INDEZINER</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src=ddaccordion.js"></script>
    <script type="text/javascript">
        ddaccordion.init({
            headerclass: "submenuheader", //Shared CSS class name of headers group
            contentclass: "submenu", //Shared CSS class name of contents group
            revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
            mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
            collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
            defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
            onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
            animatedefault: false, //Should contents open by default be animated into view?
            persiststate: true, //persist state of opened contents within browser session?
            toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
            togglehtml: ["suffix", "<img src='../img/images/plus.gif' class='statusicon' />", "<img src='../img/images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
            animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
            oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
                //do nothing
            },
            onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
                //do nothing
            }
        })
    </script>
    <script src="../jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
    <script type="text/javascript" src="../jconfirmaction.jquery.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            $('.ask').jConfirmAction();



            //Loading DIv Change busca la pagina
            $('#cliente').click(function(e) {
                // prevent the default action when a nav button link is clicked
                e.preventDefault();

                // ajax query to retrieve the HTML view without refreshing the page.
                $.ajax({
                    type: 'get',
                    url: '<?= base_url()?>index.php/cliente',

                    dataType: 'html',
                    success: function (html) {
                        // success callback -- replace the div's innerHTML with
                        // the response from the server.
                        $('#content').children().remove();
                        $('#content').html(html);
                    }
                });
            });
            //Loading DIv Change
            $('#producto_ajeno').click(function(e) {
                // prevent the default action when a nav button link is clicked
                e.preventDefault();

                // ajax query to retrieve the HTML view without refreshing the page.
                $.ajax({
                    type: 'get',
                    url: '<?= base_url()?>index.php/producto_ajeno',
                    dataType: 'html',
                    success: function (html) {
                        // success callback -- replace the div's innerHTML with
                        // the response from the server.
                        $('#content').children().remove();
                        $('#content').html(html);
                    }
                });
            });

        });

    </script>

    <script src="../jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
    <script type="text/javascript" src="../jconfirmaction.jquery.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            $('.ask').jConfirmAction();



            //Loading DIv Change busca la pagina del cliente a registrar
            //// $('#cliente').click(function(e) {
            // prevent the default action when a nav button link is clicked
            //// e.preventDefault();

            // ajax query to retrieve the HTML view without refreshing the page.
            ////    $.ajax({
            ////       type: 'get',
            ////       url: '< ?= base_url()?>index.php/cliente',

            ////        dataType: 'html',
            ////       success: function (html) {
            // success callback -- replace the div's innerHTML with
            // the response from the server.
            ////           $('#content').children().remove();
            ///       $('#content').html(html);
            ///    }
            ////  });
            //// });
            //Loading DIv Change busqueda producto ajeno a registrar
            ///  $('#producto_ajeno').click(function(e) {
            // prevent the default action when a nav button link is clicked
            ////    e.preventDefault();

            // ajax query to retrieve the HTML view without refreshing the page.
            ////   $.ajax({
            ////     type: 'get',
            ///// -->  url: '< ?= base_url()?>index.php/producto_ajeno',
            ////  dataType: 'html',
            ////  success: function (html) {
            // success callback -- replace the div's innerHTML with
            // the response from the server.
            ////     $('#content').children().remove();
            ////     $('#content').html(html);
            ////    }
            //// });
            //// });



            var oTable = $('#rounded-corner').dataTable( {
                "bProcessing": true,
                "bServerSide": true,
                "sAjaxSource": 'http://localhost/disenoweb1/index.php/cliente/imprimir_dato',
                "data":'',
                "aoColumns": [
                    { "mData": "carnet" },
                    { "mData": "nombre" },
                    { "mData": "apellido1" },
                    { "mData": "apellido2" },
                    { "mData": "direccion" },
                    { "mData": "telefono" },
                    { "mData": "pais" },
                    { "mData": "local" }
                ]
            } );

        });





    </script>

    <script type="text/javascript">
        $(function($) {
            $('.jclock').jclock();
        });
    </script>

    <script language="javascript" type="text/javascript" src="../niceforms.js"></script>
    <link rel="stylesheet" type="text/css" media="all" href="../niceforms-default.css" />

</head>
<body>
<div id="main_container">

<div class="header">
    <div class="logo"><a href="#"><img src="../img/images/imagen1_log.jpg" alt="" title="" border="0" /></a></div>

    <div class="right_header"> | <a href="#" class="messages">(3) Messages</a> | <a class="menuitem" href="">serrar secion</a></div>
    <div class="jclock"></div>

</div>

<div class="main_content">

<div class="menu">
    <ul>
        <li><a class="current" href="../index.php/principal">Inicio</a></li>
        <li><a >Historia<!--[if IE 7]><!--></a><!--<![endif]-->

            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
                <li><a href="../index.php/historia_mana" title="">la historia  </a></li>

            </ul>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a >Mision<!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
                <li><a href="../index.php/mision" title="">mision de la empresa</a></li>


            </ul>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a >Vision<!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
                <li><a href="../index.php/vision" title="">la vision de la empresa</a></li>

            </ul>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
        <li><a href="../index.php/principal">Registrar<!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>

                <li><a class="sub1" href="" title="">Nuevo:?<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="../index.php/empleado" title="">Empleado</a></li>
                        <li><a href="../index.php/producto" title="">Producto</a></li>
                        <li><a href="../index.php/tipo_producto" title="">Tipo Producto</a></li>
                        <li><a href="../index.php/venta_servicio" title="">Venta Servicio</a></li>
                        <li><a href="../index.php/venta_pedido" title="">Venta Pedido</a></li>
                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>


            </ul>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>

        <li><a >Ubicacion<!--[if IE 7]><!--></a><!--<![endif]-->
            <!--[if lte IE 6]><table><tr><td><![endif]-->
            <ul>
                <li><a href="../index.php/mapita" title="">Mapa</a></li>

            </ul>
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>

        <!--[if lte IE 6]></td></tr></table></a><![endif]-->

        <li><a href="">Contactos</a></li>
    </ul>
</div>




<div class="center_content">



    <div class="left_content">



        <div class="sidebarmenu">


            <a class="menuitem" href="../index.php/login/signup">Crear Loguin</a>


            <a class="menuitem submenuheader" href="">Reporte</a>
            <div class="submenu">
                <ul>
                    <li><a href="../index.php/reporte_venta_pedido"> Venta pedido</a></li>

                    <li><a href="../index.php/reporte_venta_servicio">Venta servicio</a></li>
                    <li><a href="">Cliente</a></li>
                    <li><a href="">Pago</a></li>
                </ul>
            </div>







        </div>
        <div class="NFTextareaRight_blue"><h2>Contactos<br>Telefono : (591)(04)4257566<br>Cochabamba - Bolivia</h2></div>
    </div>

    <div class="right_content">

        <h2> Datos del Cliente </h2>


        <table id="rounded-corner" summary="2007 Major IT Companies' Profit">

            <thead>
            <tr>
                <th scope="col" class="rounded-q4">Codigo</th>
                <th scope="col" class="rounded-q4">Nombre</th>
                <th scope="col" class="rounded-q4">Paterno</th>
                <th scope="col" class="rounded-q4">Materno</th>
                <th scope="col" class="rounded-q4">Direccion</th>
                <th scope="col" class="rounded-q4">Telefono</th>
                <th scope="col" class="rounded-q4">Otro/Pais</th>
                <th scope="col" class="rounded-q4">Bolivia</th>
            </tr>
            </thead>



        </table>
        <tfoot>

        </tfoot>
        <tbody>


        <tr>
            <div id="content">

                <td><a href="#"><img src="../img/images/rotatibo.jpg" alt="" title="" border="0" /></a></td>
                <td><a href="#"><img src="../img/images/hornoturbo.jpg" alt="" title="" border="0" /></a></td>
            </div>
        </tr>


        </tbody>
        </table>





        <div class="pagination">

        </div>






    </div><!-- end of right content-->


</div>   <!--end of center content -->




<div class="clear"></div>
</div> <!--end of main content-->


<div class="footer">

    <div class="left_footer">HORNOS INDUSTRIAL | PANIFICACION  <a href="http://indeziner.com">Tec.MANA</a></div>

</div>
<div class="mar">
    <div>
        <h4 id="siteName"><font color=#FFFFFF><marquee><center>FABREICA DE HORNOS INDUSTRIALES PARA LA PANADERIA Y SU IMPLEMENTO</center></marquee></font></h4>
    </div
</div>
</div>
</body>
</html>
